import { Routes, Route } from "react-router-dom";
import Home from "@/pages/Home";
import { useState } from "react";
import { AuthContext } from '@/contexts/authContext';

export default function App() {
  const [isAuthenticated, setIsAuthenticated] = useState(false);

  const logout = () => {
    setIsAuthenticated(false);
  };

  return (
    <AuthContext.Provider
      value={{ isAuthenticated, setIsAuthenticated, logout }}
    >
      <Routes>
        <Route path="/" element={<Home />} />
        <Route path="/api" element={<div className="container mx-auto px-4 py-16 text-center">
          <h1 className="text-3xl font-bold mb-6">Free API 文档</h1>
           <p className="mb-4">API端点: http://47.107.136.232/free/api/v1/ocr</p>
          <p className="mb-4">请求方法: POST</p>
          <p>请求体: FormData包含image文件</p>
        </div>} />
        <Route path="/about" element={<div className="container mx-auto px-4 py-16 text-center">
          <h1 className="text-3xl font-bold mb-6">关于我们</h1>
          <p className="mb-4">我们提供免费的OCR文字识别服务，帮助用户快速提取图片中的文字内容。</p>
          <p>本服务使用先进的文字识别技术，支持多种图片格式。</p>
        </div>} />
      </Routes>
    </AuthContext.Provider>
  );
}
